<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>Edit Product</title>
   
  <style type="text/css" title="currentStyle">
        @import "../../JavaScript/DataTables/media/css/demo_page.css";
        @import "../../JavaScript/DataTables/media/css/demo_table_jui.css";
        @import "../../JavaScript/DataTables/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; 
        @import "../../JavaScript/DataTables/extras/TableTools/media/css/TableTools.css";
        @import "../../JavaScript/DataTables/extras/ColReorder/media/css/ColReorder.css";
        @import "../../JavaScript/DataTables/extras/ColVis/media/css/ColVis.css";
        .ColVis {
				float: left;
				margin-bottom: 0
			}
			.dataTables_length {
				width: auto;
			}
  </style>
    	
  <script src="../../JavaScript/jquery-1.6.4.js"></script>
  <script src="../../JavaScript/Calendar/WdatePicker.js"></script>
  <script src="../../JavaScript/DataTables/media/js/jquery.dataTables.js"></script>
  <script src="../../JavaScript/DataTables/extras/TableTools/media/js/ZeroClipboard.js"></script>  
  <script src="../../JavaScript/DataTables/extras/TableTools/media/js/TableTools.js"></script>
  <script src="../../JavaScript/DataTables/extras/ColReorder/media/js/ColReorder.js"></script>
  <script src="../../JavaScript/DataTables/extras/ColVis/media/js/ColVis.js"></script>
  <script src="../../JavaScript/JqueryUI/development-bundle/external/jquery.bgiframe-2.1.2.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.core.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.widget.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.mouse.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.button.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.draggable.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.position.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.resizable.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.dialog.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.effects.core.js"></script> 
  <script src="../../JavaScript/jquery.validate.js"></script>
  <script src="../../JavaScript/jquery.metadata.js"></script>
  <script src="../../JavaScript/jquery.alphanumeric.js"></script>
  <script src="../../JavaScript/EditStock.js"></script>
  </head>
     
  <body>
  <div><br><span> Edit Product
  	</span>
  </div>
  <div class="line"></div>
  <div class="tab">
    <br>
   	<hr>
    <br>
  </div>
  		<!-- 查询条件输入 -->
    	<div class="main">
    	<p>Pleae select or enter one(or more) of the below to perform search</p>
    	<form id="form1">
    	<table>
  			<tr><td>
  				<label for="category">Category:</label></td><td>
				<select name="category" id="category"><option /></select>
  			</td></tr>
  			<tr><td>
				<label for="start_time">Period:</label></td><td>
				<input type="text" name="start_time" id="start_time" size="25" class="Wdate" onFocus="WdatePicker({lang:'en'})"/></td><td>
				<label for="finish_time">to</label></td><td>
				<input type="text" name="finish_time" id="finish_time" size="25" class="Wdate" onFocus="WdatePicker({lang:'en'})"/>
			</td></tr>
  			<tr><td>
  				<label for="item">Item Name:</label></td><td>
  				<input type="text" name="item" id="item" size="25"/>
			</td></tr>
			<tr><td>
				<label for="place">Place of Purchase:</label></td><td>
				<input type="text" name="place" id="place" size="25"/>
			</td></tr>
		</table>
			<p>
				<button type="reset" id="reset">Reset</button>
  				<button type="button" id="search">Search</button>
  			</p>
  		
		</form>
		</div>
		
	<!-- 查询结果显示 -->
	<div>
    <form id="form2">
		<table cellpadding="0" cellspacing="0" border="0" class="display" id="content" style="display:none">
		<thead>
			<tr>
				<th><input type="checkbox" id='selectAll'></input>&nbsp;<a href='#' id='delete'>[Delete]</a></th>
				<th>Item/Description</th>
				<th>Category</th>
				<th>Date of New Purchase</th>
				<th>Place of Purchase</th>
				<th>Total Items Purchased</th>
				<th>Total Purchase Price</th>
				<th>Cost per Item</th>
				<th>Cost per Stocked Item</th>
				<th>Edit</th>
			</tr>
		</thead>
		<tbody>		
		</tbody>
		</table>
    </form>
    </div>
    
     <!--信息修改 -->
	<div id="dialog-form1" title="Edit Product Information"> 
	<p class="validateTips">All form are required.</p> 
	<form id="form3">
  		<table id="table3">
  		<tr><td><input type="text" name="s_id" id="s_id" style="display:none"/></td></tr>
  		<tr><td>Item Name:</td>
		<td><select id="s_item" name="s_item"></select></td></tr>
  		<tr><td>Date of Purchase:</td>
		<td><input type="text" id="s_date" name="s_date" class="Wdate" onFocus="WdatePicker({lang:'en'})"/></td></tr>
  		<tr><td>Place of Purchase:</td>
  		<td><input type="text" id="s_place" name="s_place"/></td></tr>	
  		<tr><td>Total Items Purchased</td>
		<td><input type="text" id="s_number" name="s_number"/></td></tr>			
		<tr><td>Total Purchase Price:</td>
		<td><input type="text" id="s_price" name="s_price"/></td></tr>
		<tr><td>Cost per Item</td>
		<td id="s_cost" name="s_cost"></td></tr>
		</table>	
	</form>
	</div>
	
	<!--库存信息删除-->
	<div id="dialog-form2" title="Delete Stock Information"> 
	<input type="text" name="id" id="d_id" style="display:none"/>
	<p class="validateTips">If you continue,all the information about this product will be deleted.Including sales records and inventory records</p> 
	</div>
	
	<!--删除多项提示-->
	<div id="dialog-form3" title="Delete Stock Information"> 
	<input type="text" name="id" id="da_id" style="display:none"/>
	<p class="validateTips"></p> 
	</div>
	
	<!--无条件查询提示-->
	<div id="dialog-form4" title="Search Product Information"> 
	<input type="text" name="id" id="n_id" style="display:none"/>
	<p class="validateTips">Do you want to display all Stock information?</p> 
	</div>         
  </body>
</html>
